<template>
  <div>
    <h1 >我是APP</h1>
    <Count :count="count" :increment="increment"/>
    <!-- 有时候我们还是需要对dom进行底层操作，这个时候可以用自定义指令 -->
    <p v-skyblue>计数器{{count|addEnd}}</p>
  </div>
</template>

<script>
import Count from "./components/count";

export default {
  name: "App",
  data() {
    return {
      count: 0,
    };
  },
  methods:{
    increment(){
      this.count++
    }
  },
  components: {
    Count,
  },
};
</script>

<style scoped>
</style>